<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">

<!-- 分页按钮 -->
<div class="row">
	<div class="offset-md-3 col-md-7">
		<!-- 处理页数小于等于7 的情况 -->
		<ul th:if="${(pageUtil.totalPages le 7)&&(pageUtil.totalPages gt 0)}" class="pagination">
			<li th:if="${pageUtil.pageIndex eq 1}" class="page-item disabled">
				<a class="page-link" href="#">上一页</a>
			</li>
			<li th:if="${pageUtil.pageIndex gt 1}" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=${pageUtil.pageIndex}-1,size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}">上一页</a>
			</li>
			<li th:each="index:${#numbers.sequence(1,pageUtil.totalPages)}" th:classappend="${index eq pageUtil.pageIndex}?'active'" class="page-item">
				<a th:href="@{${type}(pageIndex=${index},size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}" class="page-link" th:text="${index}"></a>
			</li>
			<li th:if="${pageUtil.pageIndex eq pageUtil.totalPages}" class="page-item disabled">
				<a class="page-link" href="#">下一页</a>
			</li>
			<li th:if="${pageUtil.pageIndex lt pageUtil.totalPages}" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=${pageUtil.pageIndex}+1,size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}">下一页</a>
			</li>
		</ul>
		<!-- 处理页数大于7 的情况 -->
		<ul th:if="${pageUtil.totalPages gt 7}" class="pagination">
			<li th:if="${pageUtil.pageIndex eq 1}" class="page-item disabled">
				<a class="page-link" href="#">上一页</a>
			</li>
			<li th:if="${pageUtil.pageIndex gt 1}" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=${pageUtil.pageIndex}-1,size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}">上一页</a>
			</li>
			<!-- 首页 -->
			<li th:classappend="${pageUtil.pageIndex eq 1}?'active'" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=1,size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}">1</a>
			</li>
			<!-- 当前页面小于等于4 -->
			<li th:if="${pageUtil.pageIndex le 4}" th:each="index:${#numbers.sequence(2,5)}" th:classappend="${index eq pageUtil.pageIndex}?'active'" class="page-item">
				<a th:href="@{${type}(pageIndex=${index},size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}" class="page-link" th:text="${index}"></a>
			</li>
			<li th:if="${pageUtil.pageIndex le 4}" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=6,size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}">...</a>
			</li>
			<!-- 最后一页与当前页面之差小于等于3 -->
			<li th:if="${pageUtil.totalPages-pageUtil.pageIndex le 3}" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=${pageUtil.totalPages-5},size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}">...</a>
			</li>
			<li th:if="${pageUtil.totalPages-pageUtil.pageIndex le 3}" th:each="index:${#numbers.sequence(pageUtil.totalPages-4,pageUtil.totalPages-1)}"
				th:classappend="${index eq pageUtil.pageIndex}?'active'" class="page-item">
				<a th:href="@{${type}(pageIndex=${index},size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}" class="page-link" th:text="${index}"></a>
			</li>
			<!-- 最后一页与当前页面之差大于3 且当前页面大于4 -->
			<li th:if="${(pageUtil.pageIndex gt 4) && (pageUtil.totalPages-pageUtil.pageIndex gt 3)}" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=${pageUtil.pageIndex-2},size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}">...</a>
			</li>
			<li th:if="${(pageUtil.pageIndex gt 4) && (pageUtil.totalPages-pageUtil.pageIndex gt 3)}" th:each="index:${#numbers.sequence(pageUtil.pageIndex-1,pageUtil.pageIndex+1)}"
				th:classappend="${index eq pageUtil.pageIndex}?'active'" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=${index},size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}" th:text="${index}"></a>
			</li>
			<li th:if="${(pageUtil.pageIndex gt 4) && (pageUtil.totalPages-pageUtil.pageIndex gt 3)}" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=${pageUtil.pageIndex+2},size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}">...</a>
			</li>
			<!-- 尾页 -->
			<li th:classappend="${pageUtil.pageIndex eq pageUtil.totalPages}?'active'" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=${pageUtil.totalPages},size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}" th:text="${pageUtil.totalPages}">尾页</a>
			</li>
			<li th:if="${pageUtil.pageIndex eq pageUtil.totalPages}" class="page-item disabled">
				<a class="page-link" href="#">下一页</a>
			</li>
			<li th:if="${pageUtil.pageIndex lt pageUtil.totalPages}" class="page-item">
				<a class="page-link" th:href="@{${type}(pageIndex=${pageUtil.pageIndex}+1,size=${pageUtil.size},para01=${pageUtil.para01},para02=${pageUtil.para02},para03=${pageUtil.para03},para04=${pageUtil.para04},para05=${pageUtil.para05})}">下一页</a>
			</li>
		</ul>
	</div>
</div>

</html>